<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta
      name="description"
      content="乐购(TESCO.COM)-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"
    />
    <meta
      name="Keywords"
      content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"
    />
    <title>乐购(TESCO.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="./css/reset.css" />
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="./css/common.css" />

    <!-- 引入插件样式表 -->

    <!-- 引入当前页面样式表 -->
    <!-- 1. 登录 -->
    <link rel="stylesheet" href="./css/login.css" />
    <!-- 2. 页脚 -->
    <link rel="stylesheet" href="./css/footer.css" />
  </head>
  <body>
    <!-- 头部开始 -->
    <div id="header">
      <div class="container clearfix">
        <div class="leftbox fl">
          <img src="./imgs/logo.jpg" alt="" />
        </div>
        <div class="rightbox fr">
          <img src="./imgs/phone.png" alt="" class="fl" />
          <div class="fl">
            <p>资讯电话</p>
            <p>XXXX-XXXXXXXXX</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 头部结束 -->

    <!-- 登陆开始 -->
    <div id="login">
      <div class="container">
        <!-- 第一个盒子 -->
        <div class="uploadbox1 active">
          <span></span>
          <ul>
            <li class="active">
              手机登录
              <span class="active"></span>
            </li>
            <li>
              手机无密码登录
              <span></span>
            </li>
          </ul>
          <form action="#" class="myform clear">
            <input
              type="text"
              name="user"
              placeholder="用户名/邮箱/手机号"
            /><span></span>
            <input type="password" name="pwd" placeholder="密码" /><span></span>
            <input type="submit" value="登             录" />
            <p>
              <a href="#">注册账号</a>
              <a href="#">忘记密码</a>
            </p>
            <div>
              第三方登录 :
              <a href="#"><img src="./imgs/QQ.png" alt="" /></a>
              <a href="#"><img src="./imgs/微信copy.png" alt="" /></a>
              <a href="#"><img src="./imgs/新浪.png" alt="" /></a>
              <a href="#"><img src="./imgs/支付宝.png" alt="" /></a>
              <a href="#">&gt;&gt;</a>
            </div>
          </form>
        </div>

        <!-- 第二个盒子 -->
        <div class="uploadbox2">
          <span></span>
          <div>
            <img src="./imgs/页脚二维码.png" alt="" class="fl" />
            <div class="fl">
              <p class="font18 c94">打开XXXXX</p>
              <p class="font18 c94">扫一扫登陆</p>
            </div>
          </div>
          <img src="./imgs/页脚二维码.png" alt="" />
          <p class="font18 c94 tc">点击下载XXXAPP</p>
        </div>
      </div>
    </div>
    <!-- 登陆结束 -->

    <!-- 页脚 -->
    <div id="footer">
      <!-- 页脚顶部 -->
      <div class="ftop bgff">
        <!-- 版心 -->
        <div class="container">
          <ul class="ultop clearfix">
            <script>
              for (let i = 0; i < 4; i++) {
                // 页脚图片
                let arrimg = ["1", "2", "3", "4"];
                // 页脚段落1
                let arrp1 = ["正品保障", "满86包邮", "售后无忧", "准时送达"];
                // 页脚段落2
                let arrp2 = [
                  "正品行货  放心选购",
                  "满86元 免运费",
                  "7天无理由退货",
                  "收货时间由你做主",
                ];
                document.write(`
                  <li class="fl clearfix">
                    <img class="fl" src="./imgs/页脚${arrimg[i]}.jpg" alt="图片加载失败" />
                    <div class="fl">
                      <p class="fs20 c33">${arrp1[i]}</p>
                      <p class="fs14 c9f">${arrp2[i]}</p>
                    </div>
                  </li>
                `);
              }
            </script>
          </ul>
          <div class="fmid clearfix">
            <ul class="fl">
              <li class="fs18 c33">新手入门</li>
              <li><a class="fs14 c80" href="#">购物流程</a></li>
              <li><a class="fs14 c80" href="#">会员制度</a></li>
              <li><a class="fs14 c80" href="#">订单查询</a></li>
              <li><a class="fs14 c80" href="#">服务协议及隐私说明</a></li>
              <li><a class="fs14 c80" href="#">网站地图</a></li>
            </ul>
            <ul class="fl">
              <li class="fs18 c33">支付方式</li>
              <li><a class="fs14 c80" href="#">货到付款</a></li>
              <li><a class="fs14 c80" href="#">网上支付</a></li>
              <li><a class="fs14 c80" href="#">礼品卡支付</a></li>
              <li><a class="fs14 c80" href="#">其它支付</a></li>
            </ul>
            <ul class="fl">
              <li class="fs18 c33">配送服务</li>
              <li><a class="fs14 c80" href="#">配送进度查询</a></li>
              <li><a class="fs14 c80" href="#">商品验货与签收</a></li>
            </ul>
            <ul class="fl">
              <li class="fs18 c33">相关规则</li>
              <li><a class="fs14 c80" href="#">平台规则</a></li>
              <li><a class="fs14 c80" href="#">退换货政策</a></li>
              <li><a class="fs14 c80" href="#">发票制度</a></li>
              <li><a class="fs14 c80" href="#">帮助中心</a></li>
            </ul>
            <div class="fl">
              <p class="fs14 c33">App更优惠</p>
              <img src="./imgs/页脚二维码.png" alt="图片加载失败" />
            </div>
            <div class="fl">
              <p class="fs14 c33">加微信查订单</p>
              <img src="./imgs/页脚二维码.png" alt="图片加载失败" />
            </div>
          </div>
        </div>
      </div>
      <!-- 页脚底部 -->
      <div class="fbottom c80 tac">
        <p>
          沪ICP备XXXXXXXXX号 | 经营证照 |
          互联网药品信息服务资格证(沪)-经营性-2017-0006 |
          违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |
        </p>
        <p>
          沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 |
          增值电信业务经营许可证
        </p>
        <img src="./imgs/页脚底部1.jpg" alt="图片加载失败" />
        <img src="./imgs/页脚底部2.jpg" alt="图片加载失败" />
        <img src="./imgs/页脚底部3.jpg" alt="图片加载失败" />
        <img src="./imgs/页脚底部4.jpg" alt="图片加载失败" />
        <img src="./imgs/页脚底部5.jpg" alt="图片加载失败" />
        <img src="./imgs/页脚底部6.jpg" alt="图片加载失败" />
      </div>
    </div>

    <!-- 页面特效部分 -->

    <!-- 引入jQuery -->
    <script src="./lib/jquery-3.7.1.min.js"></script>
    <script src="./lib/jquery.validate.js"></script>

    <!-- 引入插件 -->

    <!-- 3. 引入公共js -->
    <script src="./js/common.js"></script>

    <!-- 4. 引入当前页面js -->
    <script src="./js/login.js"></script>
  </body>
</html>
